import React from 'react'
import { Card, WingBlank, WhiteSpace, Button } from 'antd-mobile';
import {useHistory} from 'react-router-dom'
import './index.scss'

function Index() {
  let history = useHistory();
  return (
    <div className="pages-home">
      <WingBlank size="lg">
        <WhiteSpace size="lg" />
        <Card>
          <Card.Header
            title="This is title"
            thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
            extra={<span>首页</span>}
          />
          <Card.Body>
            <div>首页内容</div>
          </Card.Body>
          <Card.Footer content="footer content" extra={<div>extra footer content</div>} />
        </Card>
        <WhiteSpace size="lg" />
      </WingBlank>
      
      <Button style={{width: '120px'}} onClick={() => history.push('./about')}>关于</Button>
    </div>
  )
}

export default Index